<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.chimera.org/chimera.tld" prefix="p"%>

<style type="text/css">
@import	url("<c:url value='/resources/css/dialogs/columnsStyles.css' />");
@import	url("<c:url value='/resources/css/jquery.Jcrop.css' />");
</style>

<script type="text/javascript" src="<c:url value='/resources/js/jquery.Jcrop.js' />" ></script>

<div id="pnlNuevo" style="width:850px;"> 
	<fieldset>
		<form id="revisarMesa" action="<c:url value='/mantenimiento/guardarMesa' />" method="post"
			enctype="multipart/form-data">
			<div style="width: 750px; height: 90px;">
				<div class="pnlColumns">
					<div style="display: inline;">
					<input type="hidden" id="idMesa" name="id" value="${mesa.id}">
					<div>
						<p>
							<label>Numero de Mesa :</label> 
							<input type="text" id="numero" name="numero" value="${mesa.numero}" />
						</p>
						<p>
							<label>Sucursal :</label>
							<select id="sucursales" name="sucursales.id" >
								<option value="0">Selecciona uno</option>						
								<c:forEach items="${sucursales}" var="sucursal">
									<option value="${sucursal.id}" 
										<c:if test="${mesa.sucursales.id==sucursal.id}">
											selected="selected"
										</c:if>>${sucursal.nombre}
									</option>
								</c:forEach>
							</select> 
							<input type="hidden" id="idSucursal"  name="sucursales.id"   />
						</p>
					</div>
					<div style="display: inline;">
						<p>
							<label>Capacidad :</label> 
							<input type="text" name="cantidadpersonas" value="${mesa.cantidadpersonas}"/>
						</p>				
						<p>
							<label>Estado :</label> 
							<select id="estadosgenerales" name="estadosgenerales.id" >
								<option value="0">Selecciona uno</option>						
								<c:forEach items="${estados}" var="estado">
									<option value="${estado.id}" 
										<c:if test="${mesa.estadosgenerales.id==estado.id}">
											selected="selected"
										</c:if>>${estado.nombre}
									</option>
								</c:forEach>
							</select>
						</p>
					</div>
					</div>
				</div>
			</div>
			<div>
				<p>
					<label><span>Imagen :</span></label>
					 
				
					 <input id="fileData" value="Seleccione Imagen" type="button"/>
					
										
				</p>	
				<div id="list" style="width: 380px;">
					<c:if test="${mesa.foto != null}">
						<img class="thumbImagen" alt="" src="<c:url value='${mesa.foto.ruta}/${mesa.foto.nombre}' />"  id="cropbox" >
					</c:if>
					<c:if test="${mesa.foto == null}">
						<img class="thumbImagen" alt="" src="<c:url value='/resources/images/blanck.png' />"  id="cropbox" >
					</c:if>
				</div>
				 <input type="hidden" id="x" name="x" />
			     <input type="hidden" id="y" name="y" />
			     <input type="hidden" id="w" name="w" />
			     <input type="hidden" id="h" name="h" />
			     <input type="hidden" id="fileRuta" name="fileRuta" value="${mesa.foto.ruta}/${mesa.foto.nombre}" />
			     <input type="hidden" id="nameImage" name="nameImage" value="${mesa.foto.nombre}" />
			     <input type="hidden" id="width" name="width" value="${mesa.foto.intWith}" />
			     <input type="hidden" id="height" name="height" value="${mesa.foto.intHeight}" />
			     <input type="hidden" id="formato" name="formato" value="${mesa.foto.strformato}" />
			</div>
			<p align="center" style="width: 100%;">	
				<a href="#" id="btnGuardarMesa">Guardar</a>
			</p>												
		</form>
	</fieldset>
</div>

<script>
	
</script>